﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" AutoEventWireup="True"
    CodeBehind="Editar.aspx.cs" Inherits="Locadora.Views.Filme.Editar" %>
<%@ Import Namespace="System.Web.Mvc.Html" %>
<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server">
    <script src="/DVDShare/Content/javascript/jquery-1.2.3.min.js" type="text/javascript"></script>
    <div class="corpo">
    <div class="ajuda" id="ajuda">
    <div class="dentro">
            <h4>Editando um filme</h4>
            <p>
                Altere os dados necessário e clique no botão "Alterar".
            </p>
            <div id="image-fechar">
                <img src="/DVDShare/Content/images/close.gif" />
            </div>
        </div>
</div>


    <h2>Editar Filme</h2>
       
         <!-- DIV de erro enviados pelo servidor -->
        <div id="container_right">
        <div class="newsimg">
            <div id="erro" style="padding-bottom:10px;padding-top:10px;"></div>
        </div>
        </div>
        <!-- fim div -->
        <form id="edita-form" action="/DVDShare/Filme/Edit/<%= ViewData["Id"] %>">
        <% if (ViewData["ErrorMessage"] != null)
           { %>
           <p class=erro>
        Ocorreu um erro:
        <br />
        <%= ViewData["ErrorMessage"] %>
        </p>
        <br />
        <% } %>
        <table>
            <tr>
                <td>
                    Title English:
                </td>
            
                <td>
                    <input type="text" name="titulo" id="titulo" value="<%= ViewData["Titulo"] %>" 
                        style="width: 252px" /> <input type=button value="YouTube" onclick=GetJsonYouTube(titulo.value) />
                </td>
            </tr>
            <tr>
                <td>
                    Título Português:
                </td>
            
                <td>
                    <input type="text" name="tituloPortugues" id="tituloPortugues" value="<%= ViewData["TituloPortugues"] %>" 
                        style="width: 252px" />
                </td>
            </tr>
            <!-- felipe-->
            <tr>
                <td>
                    Sinopse:
                </td>
                <td>
                    <textarea cols="40" rows="12" name="sinopse" id="sinopse"><%= ViewData["Sinopse"] %></textarea>
                </td>
            </tr>            
           <tr>
                <td>
                    Url do Trailler:
                </td>
                <td>
                    <input type="text" name="urlTraler" id="urlTraler" size="60" value="<%= ViewData["UrlTraler"] %>" />   <input type=button value="salvar" onclick="SaveYouTubeVideo(urlTraler.value,titulo.value)" />                                  
                </td>
            </tr>
            <!--end-->               
            <tr>
                <td>
                    Ator:
                </td>
           
                <td>
                    <input type="text" name="ator" value="<%= ViewData["Ator"] %>" 
                        style="width: 249px" />
                </td>
            </tr>
            <tr>
                <td>
                    Diretor:
                </td>
            
                <td>
                    <input type="text" name="diretor" value="<%= ViewData["Diretor"] %>" 
                        style="width: 250px" />
                </td>
            </tr>
            <tr>
                <td>
                    Duração:
                </td>
           
                <td>
                    <input type="text" name="duracao" value="<%= ViewData["Duracao"] %>" />
                </td>
            </tr>
            <tr>
                <td>
                    Nota:
                </td>
            
                <td>
                    <input type="text" name="nota" value="<%= ViewData["Nota"] %>" />
                </td>
            </tr>
            <tr>
                <td>
                    Tipo Mídia:
                </td>
                
                <td>
                    <%= Html.DropDownList("ddlTipo", (System.Web.Mvc.SelectList)ViewData["Tipo"], new { style="width:270px;" })%>
                </td>
            </tr>
             <tr>
                <td>
                    Gênero:
                </td>
                <td>
                    <%= Html.DropDownList("ddlGenero", (System.Web.Mvc.SelectList)ViewData["Genero"], new { style="width:270px;" })%>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <input type="submit" value="Salvar" />
                </td>
            </tr>
        </table>
        </form> <div id="dvYoutube">
        <%= ViewData["YouTube"] %>"</div>
        <div class="image_ajuda">
            <img src="/DVDShare/Content/images/help.gif" id="help" alt="Clique para ajuda."/>
        </div>
    </div>
    <script type="text/javascript">
        function SaveYouTubeVideo(url, titulo) {
            $("#notes").hide();
            $.getJSON("DVDShare/Filme/SaveYouTubeVideo/0?titulo=" + titulo + "&url=" + url,
          {},
          MensagemYoutube);
        }
        function MensagemYoutube(data) {
            $('#urlTraler').val(data);
            alert('Trailer salvo!');
        }

        function GetJsonYouTube(titulo) {
            $("#notes").hide();
            $.getJSON("DVDShare/Filme/GetFirstYoutubeVideo/0?titulo=" + titulo,
          {},
          MostrarVideo);
        }
        function MostrarVideo(data) {
            var ytb = data[0];
            var url = data[1];
            alert(ytb);
            alert(url);
            $("#dvYoutube").html(ytb);
            $('#urlTraler').val(url);

        }      
    
        $(document).ready(function() {

            $("#erro").hide();
            var mostrarForm = true;

            jQuery().ajaxStart(function() {
                showLoading();
                $("#edita-form").fadeOut("slow");
                $("#erro").hide();
            });

            jQuery().ajaxStop(function() {
                hideLoading();
                if (mostrarForm) {
                    $("#edita-form").fadeIn("fast");
                }
            });

            $('#edita-form').submit(
            function() {
                var f = $('#edita-form');
                var action = f.attr("action");
                var serializedForm = f.serialize();
                $.post(action,
                    serializedForm,
                    function(txt) {
                        $("#erro").html(txt);
                        if (txt == "Alterado com sucesso!") {
                            $("#erro").css({ color: 'green' });
                            mostrarForm = false;
                        }
                        else {
                            $("#erro").css({ color: 'red' });
                        }
                        $("#erro").show();
                    });
                return false;
            });

            $(".ajuda").hide();

            $("#help").toggle(function() {
                $(".ajuda").hide('slow');
            }, function() {
                $(".ajuda").show('fast');
            });

            $("#image-fechar").toggle(function() {
                $(".ajuda").hide('slow');
            }, function() {
                $(".ajuda").show('fast');
            });


        });
    </script>
</asp:Content>
